<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>3droom</title>


    <style>
       body {
				font-family: Monospace;
				background-color: #000000;
				margin: 0px;
				overflow: hidden;
			}
			#info {
				color: #fff;
				top: 10px;
				width: 80%;
				height:500px;
				text-align: center;
				z-index: 100;
				background-color:#afd;
				display:block;
				border-right: 1px red solid;
			}
    </style>
</head>
<body>
	 <div id="info">
		</div>
	<script src="three.js"></script>
	<script src="js/controls/OrbitControls.js"></script>
	<script src="js/effects/OutlineEffect.js"></script>
	
	<script src="js/libs/dat.gui.min.js"></script>
<!-- 	<script src="js/controls/TrackballControls.js"></script> -->
<!-- 		<script src="js/geometries/hilbert3D.js"></script> -->
<!-- 		<script src="js/renderers/Projector.js"></script> -->
<!-- 		<script src="js/renderers/CanvasRenderer.js"></script> -->
	<script src="js/OBJLoader.js"></script>
	<script src="js/ColladaLoader.js"></script>
	<script src="js/MTLLoader.js"></script>
	<script src="js/DDSLoader.js"></script>
		<script src="js/ColladaLoader.js"></script>
		<script src="js/Mirror.js"></script>
	<script src="me/jquery.min.js"></script>
	<script src="me/room.js"></script>
<!-- 	<script src="me/text.js"></script> -->
	<script>
		room.init($("#info"));
		var data =[{name:"自动<br/>播放",id:"a1"},
		            {name:"电源<br/>走线",id:"a2"},
		            {name:"人物<br/>轨迹",id:"a3"}
		];
		room.addTool(data);
		
		$("#info").click(function(e){
			room.pickupObjects($("#info"),e);
		});
	</script>
</body>
</html>